Bir web sitesinin genel düzenini, belirli öğe stillerini anlamak ve CSS hataları için yapay zeka tarafından oluşturulan düzeltmeleri almak üzere stil oluşturmak için Yapay Zeka Yardımı panelini kullanın.
"Yapay zeka desteği" panelini açın
Yapay zeka yardımı paneli çekmecede açılır.
Nesneler panelinden
Yapay zeka yardımını Nesne panelinden açmak için bir DOM düğümünü incelerken düğümü sağ tıklayın ve Yapay zekaya sor seçeneğini belirleyin.
Yapay zeka desteği'ni bu şekilde açtığınızda, incelenen DOM öğesi, ileti dizisi için bağlam öğesi olarak önceden seçilidir.
Alternatif olarak, fareyle üzerine gelinen DOM düğümüne bağlı yüzen düğmeyi de tıklayabilirsiniz.
Komut menüsünden
Komut menüsünden Yapay Zeka Yardımı'nı açmak için AI yazın ve yanında Çekmece rozeti bulunan Yapay Zeka Yardımı'nı göster komutunu çalıştırın.
"Diğer araçlar" menüsünden
Alternatif olarak, sağ üst köşeden Diğer seçenekler > Diğer araçlar > Yapay zeka desteği'ni seçin.
İleti dizisi bağlamı
Yapay zeka desteği sunan sohbetler her zaman, Nesneler panelindeki DOM ağacında seçilen son öğe olan, o anda incelenmekte olan öğeyle ilgilidir. Bu öğeye ait referans, panelin sol alt köşesinde gösterilir.
Mevcut öğenin yanındaki öğe seçiciyi kullanarak veya Öğeler paneli DOM ağacından seçim yaparak bağlamı değiştirin.
Şu anda incelenen öğe, sohbetin temelini oluşturur. Yapay zeka yardımı, incelenen sayfadan daha fazla bilgi toplamak için tüm web API'lerine erişebilir. document.querySelector ile diğer öğeleri sorgulamak veya hesaplanmış stilleri değerlendirmek de buna dahildir.
İstem
Yeni bir sohbet başlatırken stil oluşturma için yapay zeka desteği, hızlı bir başlangıç yapmanıza yardımcı olacak örnek istemler sunar.
Panelin alt kısmındaki istem giriş alanını önceden doldurmak için istemlerden herhangi birini tıklayın.
Alternatif olarak, giriş alanına kendi isteminizi veya sorunuzu da yazabilirsiniz.
İstem göndermek için Enter tuşuna basın veya giriş alanının sağ tarafındaki oku tıklayın.
başlıklı makaleyi inceleyin.Görüşme akışı
İstem göndermek, stil uzmanıyla sohbeti başlatır. Temsilci, isteğinizi en iyi şekilde yanıtlamak için gereken bilgileri almak üzere web API'lerini çağıran JavaScript oluşturur ve yürütür. Temsilcinin ilerleme durumu adımlar halinde gösterilir. İlk adım durumu Investigating….
Temsilci sorununuzu çözmek için daha spesifik işlemler gerçekleştirdiğinde adım etiketi güncellenir.
Temsilci nihai bir yanıta ulaştığında, yanıt, takip istemleriyle ilgili öneriler de dahil olmak üzere inceleme adımlarının altında gösterilir.
Sohbete devam etmek için önerilen istemlerden herhangi birini tıklayın. simgesini tıklayın.
Yapay zeka yardımının perde arkasında neler yaptığını daha iyi anlamak için bir inceleme adımı
Bir ilerleme çipini genişlettiğinizde, temsilcinin yürüttüğü kodu ve döndürülen değerini görürsünüz. Daha sonra kullanmak üzere çalıştırılan kodu kopyalayın (ör. Konsol panelinde çalıştırın).
Duraklatılmış görüşmeler
Yapay zeka desteği, yan etkileri olan kodlar oluşturabilir. Bu durumda, kod yürütülmeden önce ileti dizisi duraklatılır.
Görüşme duraklatıldığında müşteri temsilcisinin önerdiği kodu inceleyin. Devam etmek için simgesini, yürütmeyi durdurmak için İptal'i tıklayın.
Çalışma alanınızdaki değişiklikleri kaydetme
Bağlı bir çalışma alanı klasörünüz varsa yapay zeka yardımı tarafından önerilen stil değişikliklerini bilgisayarınızdaki CSS kaynak dosyalarına kaydedebilirsiniz.
Bunu yapmak için:
Öncelikle bir meta veri dosyası oluşturun ve bir çalışma alanı klasörü bağlayın.
Alternatif olarak klasörü manuel olarak da ekleyebilirsiniz.
Öğeler panelinden sohbet başlatın.
CSS'nizi değiştirmek için yapay zeka yardımı isteğinde bulunun.
Yapay zeka yardımı kod oluşturabilir ve yürütmeyi duraklatabilir. Kodu inceleyin ve değişiklikleri canlı olarak test etmek için Devam'ı tıklayın.
Kaydedilmemiş değişiklikler bölümünü genişletin ve Çalışma alanına uygula'yı tıklayın.
diffbölümündeki değişiklikleri inceleyin ve Tümünü kaydet'i tıklayın.
Bu iş akışını öğrenmek için:
Yanıt verilmedi
Yapay zeka yardımı çeşitli nedenlerle yanıt vermeyebilir.
İsteminizin yapay zeka asistanının konuşabileceği bir konu olduğunu düşünüyorsanız hata kaydı gönderin.
Görüşme geçmişi
Bir sohbet başlattığınızda, sonraki her yanıt yapay zeka ile aranızdaki önceki etkileşimlere dayanır.
Yapay zeka desteği, oturumlar arasında görüşme geçmişinizi kaydeder. Böylece, DevTools veya Chrome yeniden yüklendikten sonra bile önceki sohbetlerinize erişebilirsiniz.
Görüşme geçmişinizi kontrol etmek için panelin sol üst köşesindeki kontrolleri kullanın.
Yeni ölçüm başlat
Mevcut ileti dizisi bağlamıyla yeni bir ileti dizisi başlatmak için düğmesini tıklayın.
Devam
Geçmiş bir görüşmeye devam etmek için düğmesini tıklayın ve bağlam menüsünden seçin.
Sil
Bir görüşmeyi geçmişten silmek için düğmesini tıklayın.
Yanıtları değerlendirme ve geri bildirim verme
Yapay zeka yardımı deneysel bir özelliktir. Bu nedenle, yanıt kalitesini ve genel deneyimi nasıl iyileştirebileceğimizi öğrenmek için geri bildirimlerinizi bekliyoruz.
Yanıtlara oy verme
Yanıtın altındaki Beğen ve Beğenme düğmelerini kullanarak yanıtı puanlayın.
Yanıtları bildirme
Uygunsuz içeriği bildirmek için oy verme düğmelerinin yanındaki düğmesini tıklayın.